<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/base.css" />
    <link rel="stylesheet" href="../css/course.css" />
    <script src="../js/ajax.js"></script>
    <script src="../js/datalist.js"></script>
    <script src="../js/utils.js"></script>
  </head>

  <body>
    <div class="box">
      <header class="top">
        <div class="container">
          <h1>
            <img
              src="	https://p3.ssl.qhimg.com/t016a2dd10c4be5268c.png"
              alt=""
            />
          </h1>
          <div class="daohang">
            <ul>
              <li>首页</li>
              <li>企业服务</li>
              <li>智慧营销</li>
              <li class="active">精品课程</li>
              <li>实用工具</li>
              <li>案例咨询</li>
              <li>帮助中心</li>
            </ul>
          </div>
          <p>4000-360-366</p>
          <div class="btn">立即登录</div>
        </div>
      </header>

      <main>
        <div class="banner">
          <div class="swiper">
            <div class="slide">
              <img
                src="	https://mdsp1.qhimg.com/t012ef9b40e82fd2d71.png"
                alt=""
              />
            </div>
            <div class="slide">
              <img
                src="	https://mdsp6.qhimg.com/t01a011c7d92d167e2a.jpg"
                alt=""
              />
            </div>
          </div>
          <div class="pagination">
            <!-- <span class="active"></span>
            <span></span> -->
          </div>
        </div>

        <div class="section">
          <div class="section1">
            <h3>精品专栏</h3>
            <div class="first">
              <!-- <div class="column">
                <div class="column-L">
                  <div class="L-top">
                    <div class="column-tag">
                      <span>精品专栏</span>
                    </div>
                    <h4>销售课程专栏</h4>
                    <div class="num">
                      <p>
                        已有
                        <span>154941</span>
                        人学习
                      </p>
                    </div>
                    <p class="text">
                      销售精英强化训练，手把手教你如何在销售中步步为营达成目标，实现业绩增长
                    </p>
                  </div>
                  <div class="L-bottom">
                    <div>
                      <img
                        src="https://p1.ssl.qhimg.com/t0198cd6db4f9054f1c.png"
                        alt=""
                      />
                      <span>课程详情</span>
                    </div>
                    <button>立即订阅</button>
                  </div>
                </div>
                <div
                  class="column-R"
                  style="
                    background-image: url(https://mdsp5.qhimg.com/t01719a1f3eb636a437.jpg);
                  "
                ></div>
              </div> -->
            </div>
            <div class="second">
              <!-- <div class="item">
                <div class="item-tag">
                  <span>精品专栏</span>
                </div>
                <div class="item-top">
                  <div
                    class="item-img"
                    style="
                      background-image: url(https://mdsp7.qhimg.com/t01808154d67d5ce3a7.jpg);
                    "
                  ></div>
                  <h4>管理课程专栏</h4>
                  <div class="num">
                    <p>
                      已有
                      <span>56145</span>
                      人学习
                    </p>
                  </div>
                  <p class="item-text">
                    从团队合作要素、领导力要素两个层面，揭秘管理学成功背后的关键。
                  </p>
                </div>
                <div class="item-bottom">
                  <div>
                    <img
                      src="https://p1.ssl.qhimg.com/t0198cd6db4f9054f1c.png"
                      alt=""
                    />
                    <span>课程详情</span>
                  </div>
                  <button>立即订阅</button>
                </div>
              </div> -->
            </div>
            <a href="" class="more">查看更多专栏</a>
          </div>

          <div class="section2">
            <h3>精品课程</h3>
            <div class="list">
              <!-- <div class="list_item">
                <a href="" class="item">
                  <div
                    class="item-img"
                    style="
                      background-image: url(http://p0.qhimg.com/t01a82238ab922cdeed.jpg);
                    "
                  ></div>
                  <h4 class="item-title">管理36计 之 如何正确布置工作任务</h4>
                  <p class="item-nav">金牌课程大赛-管理类</p>
                </a>
              </div> -->
            </div>
            <a href="" class="more">查看更多课程</a>
            <a href="" class="section2-banner">
              <img
                src="https://p1.ssl.qhimg.com/t011da7473d4a55748d.png"
                alt=""
              />
            </a>
          </div>

          <div class="section3">
            <h3>讲师风采</h3>
            <div class="teacher">
              <img
                class="Left"
                src="	https://p1.ssl.qhimg.com/t0153d876d034ba1a06.png"
                alt=""
              />
              <div class="list-swiper">
                <div class="swiper-content">
                  <div class="content">
                    <!-- <div
                      class="item"
                      style="
                        background-image: url(https://mdsp7.qhimg.com/t01f7add42733073438.jpg);
                      "
                    >
                      <div class="mask">
                        <h6>讲师：易明义</h6>
                        <p>
                          早晚读书渠道副总裁 樊登渠道云发起人 •
                          当当网创始人李国庆最信任的渠道专家 •
                          担任张德芬幸福研习社、小步亲子、良师雅集、驿知行（销售铁军贺学友）等多个项目方的渠道顾问
                          • 进行“企业渠道搭建”主题分享30余场，影响人数超5万人
                        </p>
                      </div>
                    </div> -->
                  </div>
                </div>
              </div>
              <img
                class="Right"
                src="	https://p1.ssl.qhimg.com/t0158006f60efe0a268.png"
                alt=""
              />
            </div>
          </div>
        </div>
      </main>

      <!-- 客户服务 -->
      <div class="customerService">
        <div class="online online1">
          <div class="respondWarp">
            <div class="respond">
              <p>在线咨询</p>
              <span>海量知识库精准解答，在线人工快速响应</span>
            </div>
          </div>
          <div class="logowarp">
            <div class="logo"></div>
          </div>
        </div>

        <div class="online online2">
          <div class="respondWarp">
            <div class="respond">
              <p>联系我们</p>
              <span>全国代理商，一键快速触达</span>
            </div>
          </div>
          <div class="logowarp">
            <div class="logo"></div>
          </div>
        </div>

        <div class="online online3">
          <div class="respondWarp">
            <div class="respond">
              <p>立即申请</p>
              <span>4000-360-360</span>
            </div>
          </div>
          <div class="logowarp">
            <div class="logo"></div>
          </div>
        </div>

        <div class="back_top">
          <div>顶部</div>
        </div>
      </div>

      <footer class="footer">
        <div class="foot">
          <div class="logo2">
            <img
              src="	https://p4.ssl.qhimg.com/t01e38069fbecb6986f.png
"
              alt=""
            />
          </div>
          <div class="nav1">
            <p>网站地图</p>
            <ul>
              <li>首页</li>
              <li>企业服务</li>
              <li>智慧营销</li>
              <li>精品课程</li>
              <li>实用工具</li>
              <li>案例资讯</li>
              <li>帮助中心</li>
            </ul>
          </div>
          <div class="nav2">
            <p>联系我们</p>
            <ul>
              <li>咨询电话:4000-360-360</li>
              <li>邮箱:sskf@360.cn</li>
            </ul>
            <p>合作伙伴</p>
            <ul>
              <li>成为服务商</li>
            </ul>
          </div>
          <div class="nav3">
            <p>关注我们</p>
            <div>
              <img
                src="https://p0.ssl.qhimg.com/t017aef86045c71c499.jpg"
                alt=""
              />
            </div>
            <span>360智慧商业</span>
          </div>
          <div class="nav4">
            <img
              src="	https://p5.ssl.qhimg.com/t018c7d98177147cd8c.jpg"
              alt=""
            />
            <span>360智慧商业</span>
          </div>
        </div>

        <div class="end">
          <p>
            Copyright@2005-2021 360.CN All Rights Reserved京ICP证正080047号
            <span> 个人信息保护声明 </span>
          </p>
          <p>
            <img
              src="https://p0.ssl.qhimg.com/t0188a8740d12e2c7ef.png"
              alt=""
            />
            京公网安备11000002000006号
          </p>
        </div>
      </footer>
    </div>
    <script src="../js/course.js"></script>
  </body>
</html>
